.login-wrapper {
    display: flex;
    height: 100vh;
    .login-desc {
        flex: 1;
        background-image: url("../../assets/images/login.png");
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        h1, h5 {
            color: $white;
        }
        h1 {
            font-size: 28px;
            font-weight: 500;
            line-height: 45px;
            opacity: .9;
        }
        h5{
            margin-top: 12px;
            font-size: 22px;
        }
        .author {
            margin-top: 14px;
            color: $white;
            opacity: .6;
        }
    }

    .login-form-wrapper {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        .welcome-text {
            h3 {
                color: #333;
                font-size: 29px;
                font-weight: 500;
                margin-bottom: 16px;
            }
            p {
                color: #666;
                font-size: 19px;
                margin-bottom: 16px;
                font-variant: tabular-nums;
                line-height: 1.5715;
                list-style: none;
                font-feature-settings: "tnum";
            }
        }
        .login-form {
            .ant-input {
                padding-left: 24px;
                background-color: #ebf2ff;
                border-color: #ebf2ff;
                font-size: 17px;
            }
            .ant-input-affix-wrapper {
                padding-right: 24px;
            }
            .ant-btn {
                height: 40px;
                border-radius: 20px;
                margin-right: 20px;
                &:last-child {
                    margin-right: none;
                }
            }
        }
    }
}